@charset "utf-8";
@import "common/reset";


//layaflash
.layaflash{
    background-color: #8bc01f;
    color: white;
    margin-top: 47px;
    padding: 60px 0;
    .width-cus{
        .left{
            h1{
                font-size: 48px;
                margin-bottom: 20px;
                span{
                    display: inline-block;
                    background-color: white;
                    color: #8BC01F;
                    width: 50px;
                    height: 50px;
                    border-radius: 5px;
                    text-align: center;
                    line-height: 44px;
                    margin-right: 1px;
                }
            }
            h2{
                font-size: 24px;
                margin-bottom: 60px;
            }
            p{
                font-size: 14px;
                margin-bottom: 30px;
            }
            button{
                width: 100px;
                height: 35px;
                line-height: 35px;
                border-radius: 5px;
                background-color: #e8f2d2;
                text-align: center;
                font-size: 14px;
                color: #8bc01f;
                &:hover{
                    background-color: white;
                }
            }
        }
        .right{
            img{
                width: 100%;
            }
        }
    }
}

//layaplayer
.layaplayer{
    background-color: #3393df;
    color: white;
    padding: 60px 0;
    .width-cus{
        .player-left{
            h1{
                font-size: 48px;
                margin-bottom: 20px;
                span{
                    display: inline-block;
                    background-color: white;
                    color: #3393df;
                    width: 50px;
                    height: 50px;
                    border-radius: 5px;
                    text-align: center;
                    line-height: 44px;
                    margin-right: 1px;
                }
            }
            img{
                width: 100%;
            }
        }
        .player-center{
            padding-top: 100px;
            h2{
                font-size: 24px;
                margin-bottom: 15px;
            }
            p{
                font-size: 14px;
                line-height: 30px;
                margin-bottom: 30px;
            }
        }
        .player-right{
            padding-top: 225px;
            img{
                width: 100%;
            }
        }
    }
}

//layacontent
.layacontent,.layacontent2{
    padding: 80px 0;
    .width-cus{
        .left,.right{
            padding-right: 0;
            h1{
                font-size: 42px;
                margin-bottom: 20px;
                color: #3393df;
                span{
                    display: inline-block;
                    background-color: #3393df;
                    color: white;
                    width: 44px;
                    height: 44px;
                    border-radius: 5px;
                    text-align: center;
                    line-height: 40px;
                    margin-right: 1px;
                }
            }
            h2{
                font-size: 18px;
                color: #5d5d5d;
                margin-bottom: 30px;
            }
            h3{
                font-size: 18px;
                color: #3393DF;
                margin-bottom: 22px;
            }
            p{
                text-indent: 2em;
                font-size: 14px;
                color: #5d5d5d;
                margin-bottom: 30px;
                line-height: 26px;
            }
            .pic{
                width: 150px;
                height: 150px;
                overflow: hidden;
                margin: 0 auto;
                img{
                    width: 100%;
                }
            }
        }
        .right{
            p{
                &:nth-of-type(1){
                    margin-bottom: 55px;
                }
            }
        }
    }
}
.layacontent2{
    background-color: #f7f7f7;
}

//移动端
@media only screen and (max-width:414px){
    .layaplayer{
        .width-cus{
            .player-center{
                padding-top: 30px;
            }
            .player-right{
                padding-top: 30px;
            }
        }
    }
}
